<!DOCTYPE html>
<html lang="zh-cn">
    <head>
        <meta charset="UTF-8"/>
        <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
        <title>prettify.js的基本使用</title>
        <!-- <link href="https://cdn.bootcss.com/prettify/r224/prettify.min.css" rel="stylesheet"> -->
        <link rel="stylesheet" href="https://www.csweigou.com/wp-content/themes/weigou/css/prettify.css" />
        <link rel="stylesheet" href="css/rewrite.css" />
        
    </head>
    <body>
        <pre class="linenums">
.prettyprint *{font-family:'courier new',monospace;}
.prettyprint .com { color: #93a1a1; }
.prettyprint .lit { color: #AE81FF; }
.prettyprint .pun,
.prettyprint .opn, 
.prettyprint .clo { color: #F8F8F2; }
.prettyprint .fun { color: #dc322f; }
.prettyprint .str, 
.prettyprint .atv { color: #E6DB74; }
.prettyprint .kwd, 
.prettyprint .tag { color: #F92659; }
.prettyprint .typ, 
.prettyprint .atn, 
.prettyprint .dec, 
.prettyprint .var { color: #A6E22E; }
.prettyprint .pln { color: #66D9EF; }</pre>
        <script src="https://cdn.bootcss.com/prettify/r224/prettify.min.js"></script>
        <script src="http://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"></script>
        <script>
            $(window).load(function(){
              $("pre").addClass("prettyprint");//如果其他地方也要用到pre，我们可以再加一个父标签的选择器来区分
              prettyPrint();//代替body上的onload事件加载该方法
            })
        </script
    </body>
</html>